<!DOCTYPE html>
<html>
	<head>
		<title>2048</title>
		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
		<link rel="stylesheet" type="text/css" href="style.css" />
	</head>
	<body>
		<div id="container">
			<div id="realGameWrapper">
				<div id="descWrapper">
					<div id="scoreWrapper">
						<div id="targetWrapper" class="left">
							<div id="target">2048</div>
						</div>
						<div id="curScoreWrapper" class="left topSubBtnArea">
							<div id="curScore" class="subtop">
								<h2>分数</h2>
								<h3>30</h3>
							</div>
							<div id="menuBtn" class="topMenuBtnWrapper">
								<div class="btnTxt">菜单</div>
							</div>
						</div>
						<div id="higestScoreWrapper" class="right topSubBtnArea">
							<div id="curScore" class="subtop">
								<h2>最高成绩</h2>
								<h3>409565</h3>
							</div>
							<div id="menuBtn" class="topMenuBtnWrapper">
								<div class="btnTxt">排行榜</div>
							</div>
						</div>
						<div class="clear"></div>
					</div>
					<div id="textWrapper">
						<div id="textTip">您的新挑战是获得2048方块</div>
					</div>
				</div>
				<div id="boxwrapper">
                    <div id="outMoveWrapper">
                        <div class="backBox"></div>
                        <div class="backBox"></div>
                        <div class="backBox"></div>
                        <div class="backBox"></div>
                        <div class="backBox"></div>
                        <div class="backBox"></div>
                        <div class="backBox"></div>
                        <div class="backBox"></div>
                        <div class="backBox"></div>
                        <div class="backBox"></div>
                        <div class="backBox"></div>
                        <div class="backBox"></div>
                        <div class="backBox"></div>
                        <div class="backBox"></div>
                        <div class="backBox"></div>
                        <div class="backBox"></div>
                    </div>
					<div id="inMoveWrapper">
                        <div class="box"></div>
                        <div class="box"></div>
                        <div class="box"></div>
                        <div class="box"></div>
						<div class="box"></div>
						<div class="box"></div>
						<div class="box"></div>
                        <div class="box"></div>
                        <div class="box"></div>
                        <div class="box"></div>
                        <div class="box"></div>
                        <div class="box"></div>
                        <div class="box"></div>
                        <div class="box"></div>
                        <div class="box"></div>
                        <div class="box"></div>

					</div>
				</div>
			</div>
            <div id="btnWrapper">
                <a href="javascript:void(0)" onclick="Common.doMove(0)" id="up">上</a>
                <a href="javascript:void(0)" onclick="Common.doMove(2)" id="btm">下</a>
                <a href="javascript:void(0)" onclick="Common.doMove(3)" id="left">左</a>
                <a href="javascript:void(0)" onclick="Common.doMove(1)" id="right">右</a>
            </div>
		</div>
	</body>
		<script type="text/javascript" src="common.js"></script>
</html>